<div class="context-menu" [style.left]="leftPosition" [style.top]="topPosition" *ngIf="node">
  <span [matMenuTriggerFor]="selectInterfaceMenu"></span>
  <mat-menu [style.min-height]="0" #selectInterfaceMenu="matMenu" class="context-menu-items">
    <button mat-menu-item *ngFor="let port of ports" (click)="chooseInterface(port)" [disabled]="!port.available">
      <svg *ngIf="port.available" width="10" height="10">
        <rect class="status" x="0" y="0" width="10" height="10" fill="green"></rect>
      </svg>
      <svg *ngIf="!port.available" width="10" height="10">
        <rect class="status" x="0" y="0" width="10" height="10" fill="red"></rect>
      </svg>
      <!-- <mat-icon>add_circle_outline</mat-icon> -->
      <span class="port">{{ port.name }}</span>
    </button>
  </mat-menu>
</div>
